{include file="../application/admin/view/health/base.html" /}
<div id="detailInit" class="container-form-box" v-cloak>
	<el-form :model="detailForm" ref="detailForm" :rules="rules" label-width="120px" class="dialog-form">
		<el-form-item label="商品名称：" prop="name">
			<el-input v-model="detailForm.name" placeholder="请输入商品名称" size="small"></el-input>
		</el-form-item>
		<el-form-item label="商品备注：" prop="remark">
			<el-input v-model="detailForm.remark" placeholder="请输入商品备注" size="small"></el-input>
		</el-form-item>
		<el-form-item label="商品编号：" prop="goods_code">
			<el-input v-model="detailForm.goods_code" placeholder="请输入福禄商品编号" size="small"></el-input>
			<div class="form-item-tip">
				<p>请输入正确的福禄商品编号,否则无法充值成功</p>
			</div>
		</el-form-item>
		<el-form-item label="商品图标：" prop="icon">
			<div class="display-flex">
				<div class="banner-image-box display-flex" v-if="detailForm.icon">
					<div class="upload-images" style="margin-right: 0;">
						<img class="label-auto" :src="Fast.api.cdnurl(detailForm.icon)" style="border-radius: 4px;">
						<div class="del-image-btn" @click="delImg('icon',null)">
							<img class="label-auto" src="/assets/addons/health/img/goods/close.png">
						</div>
					</div>
				</div>
				<div class="add-img display-flex" @click="addImg('icon',null,false)" v-if="!detailForm.icon">
					<i class="el-icon-plus"></i>
				</div>
			</div>
		</el-form-item>
		<el-form-item label="采购价：" prop="cost_price">
			<el-input v-model="detailForm.cost_price" placeholder="请输入商品采购价" size="small"></el-input>
		</el-form-item>
		<el-form-item label="售价：" prop="price">
			<el-input v-model="detailForm.price" placeholder="请输入商品售价" size="small"></el-input>
		</el-form-item>
		<el-form-item label="会员价：" prop="vip_price">
			<el-input v-model="detailForm.vip_price" placeholder="请输入商品会员价" size="small"></el-input>
		</el-form-item>
		<el-form-item label="下单必要素：" prop="must_element">
			<el-radio-group size="small" v-model="detailForm.must_element">
				<el-radio-button :label="1">手机号</el-radio-button>
				<el-radio-button :label="2">QQ号</el-radio-button>
			</el-radio-group>
		</el-form-item>
		<el-form-item label="状态：" prop="status">
			<div class="display-flex" style="height: 40px;">
				<el-switch v-model="detailForm.status" :active-value="1" :inactive-value="0">
				</el-switch>
				<div style="margin-left: 20px;">
					{{detailForm.status==1?'启用':'禁用'}}
				</div>
			</div>
		</el-form-item>
	</el-form>
	<div class="dialog-footer display-flex">
		<div @click="submitForm(false,'detailForm')" class="dialog-cancel-btn display-flex-c cursor-pointer">取消</div>
		<div @click="submitForm('yes','detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
	</div>
</div>